﻿<%<hi:common_new_header runat="server" skinname="/ascx/JsNewTags/Skin-Common_New_Header.ascx" />%>
<link href="http://res.juseshop.com/templates/master/jusekeji/style/style.css" rel="stylesheet" />
<Hi:TemplateStyle ID="Style1" runat="server" Href="http://res.juseshop.com/templates/master/jusekeji/style/menu.css"></Hi:TemplateStyle>
<Hi:TemplateStyle ID="TemplateStyle1" runat="server" Href="http://res.juseshop.com/templates/master/jusekeji/style/index.css"></Hi:TemplateStyle>
<Hi:TemplateStyle ID="Stylel" runat="server" Href="http://res.juseshop.com/templates/master/jusekeji/style/css_activity.css"></Hi:TemplateStyle>

<div id="divshow" class="dialog" style=" width:358px;height: 162px; border: 4px solid #CF2686; background-color:">
    <div class="dialog_title" style="margin-top:-21px;width: 348px;background-color: #C02727;">
        <div class="dialog_title_l"><span>成功添加到购物车</span></div>

        <div class="dialog_title_r"> </div>
    </div>
    <div class="dialog_cartitem">
        <p>目前选购商品共<span id="spcounttype">0</span>件　合计：<span>￥<span id="sptotal">0.00</span></span>元</p>
        <div class="btnbar"><a class="btn-viewcart" href="#" target="_self"></a><a class="btn-continue"></a></div>
    </div>
</div>

<div id="divbefore" class="dialog">
    <div class="dialog_title">
        <div class="dialog_title_l"> <span>添加到购物车</span></div>
    </div>
    <div class="dialog_cartitem">正在添加到购物车……</div>
</div>


<div class="main" id="main1" style="margin-top: 10px;">
    <div class="category1">
        <div class="category_ad"><%<asp:literal id="litLeadBuy" runat="server" />%></div>
        <script>
            $(function () {
                $(".category_list h5").bind("click", function () {
                    if ($(this).hasClass("menuico")) {
                        $(this).removeClass("menuico").next("div").css("display", "none");
                    } else {
                        $(this).addClass("menuico").next("div").css("display", "block");
                    }
                });
            })

        </script>
        <script type="text/javascript">
            $(function () {

                $('.attribute_dl:last').css('border-bottom', 'none')
                $('.sale_top ul li:last').css('border-bottom', 'none')
                $(".left2-r").each(function () {
                    $(this).prev().height($(this).height())
                })
            })
        </script>

    </div>
    <div class="category_r_left ">
        <div class="left1">
            <div class="bjs" style="position: relative;">
                <div style="top: 33%; position: absolute; left: 32%">
                    所在位置
                </div>
            </div>
            <div class="left2-r">&nbsp;<a href="/">首页</a>>><%<hi:common_location runat="server" />%>&nbsp;</div>
        </div>

        <div class="left2">
            <div class="bjs" style="position: relative;">
                <div style="top: 33%; position: absolute; left: 32%">
                    <img src="http://image.juseshop.com/images/js-img41.png/" />分类
                </div>
            </div>
            <div class="left2-r">
                <%<hi:common_productcategorylist isshowsubcategory="true" runat="server" templatefile="/ascx/jsNewTags/Skin-Common_Js_ProductSubCategories.ascx" />%>
            </div>
        </div>
        <hi:wnxd_featurelist runat="server" />
        <hi:common_attributelist runat="server" />
        <form runat="server" class="left3_r">
            <div class="category_search" style="width: 267px;">
                <div style="display: none;"><%<hi:common_cutdownsearch runat="server" />%>   </div>
                <div class="category_sequence">
                    <ul>
                        <li class="c_sel"><span><%<hi:common_search_sortprice id="Common_Search_SortPrice1" defaultimageurl="http://image.juseshop.com/images/fixed/SortByPriceUpStop.gif" ascimageurl="http://image.juseshop.com/images/fixed/SortByPriceUp.gif" descimageurl="http://image.juseshop.com/images/fixed/SortByPriceDown.gif" runat="server" alt="按价格排序" />%></span></li>
                        <li><span><%<hi:common_search_sortsalecounts id="Common_Search_SortSaleCounts1" defaultimageurl="http://image.juseshop.com/images/fixed/xiao1.gif" ascimageurl="http://image.juseshop.com/images/fixed/xiao2.gif" descimageurl="http://image.juseshop.com/images/fixed/xiao3.gif" runat="server" alt="按销量排序" />%></span></li>
                        <li><span><%<hi:common_search_sortpopularity id="Common_Search_SortPopularity1" defaultimageurl="http://image.juseshop.com/images/fixed/ren1.gif" ascimageurl="http://image.juseshop.com/images/fixed/ren2.gif" descimageurl="http://image.juseshop.com/images/fixed/ren3.gif" runat="server" alt="按人气排序" />%></span></li>
                        <li><span><%<hi:common_search_sorttime id="Common_Search_SortTime1" defaultimageurl="http://image.juseshop.com/images/fixed/SortByTimeUpStop.gif" ascimageurl="http://image.juseshop.com/images/fixed/SortByTimeUp.gif" descimageurl="http://image.juseshop.com/images/fixed/SortByTimeDown.gif" runat="server" alt="按时间排序" />%></span></li>
                    </ul>
                    <p><%<asp:literal id="litSearchResultPage" runat="server" />%></p>
                </div>
            </div>
        </form>
        <script language="javascript">
            $(function () {
                var sumwidth = 0;
                var li_index = 0;
                $("#ul_subcategory li").each(function (suo, liitem) {
                    sumwidth += parseInt($(this).width()) + 20;
                    if (sumwidth > $("#ul_subcategory").width()) {
                        return false;
                    }
                    li_index = suo;
                });
                if ($("#ul_subcategory li").size() <= (li_index - 0 + 1)) {
                    $("#sp_subcategory").hide();
                } else {
                    $("#ul_subcategory li:gt(" + li_index + ")").hide();
                }

                $("#sp_subcategory").toggle(function () {
                    $("#ul_subcategory li:gt(" + li_index + ")").show();
                    $(this).find("span").text('收缩');
                }, function () {
                    $("#ul_subcategory li:gt(" + li_index + ")").hide();
                    $(this).find("span").text('展开搜索');
                });

                if ($(".sub_property dl").size() <= 3) {
                    $("#sp_brand").hide();
                } else {
                    $(".sub_property dl:gt(2)").hide();
                }

                $("#sp_brand").toggle(function () {
                    $(".sub_property dl:gt(2)").show();
                    $(this).find("span").text('收缩');
                }, function () {
                    $(".sub_property dl:gt(2)").hide();
                    $(this).find("span").text('展开搜索');
                });
            });
        </script>
        <div class="category_pro_list">
            <ul>
                <%
                <hi:themedtemplatedrepeater id="rptProducts" templatefile="/ascx/Tags/Common_GoodsList/Skin-Common_GoodsList_SubClass.ascx" runat="server" />%>
            </ul>
        </div>
        <script type="text/javascript">
            $(function () {

                $(".category_pro_pic").children().children().css({ "width": 220, "height": 220 });

                $(".imgdiv img").css("border", "1px solid #fff").mouseover(function () {
                    var $this = $(this),
                        $uimg = $this.attr("src");
                    if ($uimg != "http://res.juseshop.com/utility/pics/none.gif") {
                        $this.parent().children("img.listhover").removeClass("listhover");
                        $this.addClass("listhover").parent().parent().children().eq(0).children().children().attr("src", $uimg);
                    }


                });
                $(".imgdiv img").each(function () {
                    var $this = $(this),
                       $uimg = $this.attr("src");
                    if ($uimg == "http://res.juseshop.com/utility/pics/none.gif") {
                        $this.css("display", "none");
                    }

                })

                $(".imgdiv").each(function () {
                    $(this).children("img:first").addClass("listhover");
                });
            })
            $(function () {
                $(".category_pro_list li").hover(function () {
                    if ($(".category_pro_list").index(this) != 0) {
                        $(".category_pro_list li:first").removeClass("listhover");
                    }
                    $(this).addClass("listhover");
                }, function () {
                    $(this).removeClass("listhover");
                });
                $(".category_pro_list li:first").addClass("listhover");
                $(".category_pro_list li").hover(
                    function () {
                        $($(this).find(".add_shop_cart a")).css("display", "block");
                    },
                    function () {
                        $($(this).find(".add_shop_cart a")).css("display", "none");
                    }
                );
            });

        </script>
        <div class="page">
            <%<ui:pager runat="server" showtotalpages="true" defaultpagesize="24" id="pager" />%>
        </div>

    </div>
    <div class="right">
        <div class="right1">
            <h4>同类热销排行</h4>

            <hi:common_goodslist_currenttop runat="server" maxnum="6" imagenum="6" isshowprice="true" isshowsalecounts="true" />
        </div>
        <div class="by_tuijian">本月推荐</div>
        <hi:common_subjectproduct_simple runat="server" subjectid="14" />



    </div>

</div>
<script type="text/javascript" src="http://res.juseshop.com/utility/listtotart.js"></script>
<
<%<hi:common_new_footer runat="server" />%>
